<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="referrer" content="no-referrer">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>网络收藏夹|日程</title>
    <link rel="icon" href="favicon.ico" type="image/x-icon"/>
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
    <link rel="stylesheet" href="layui/css/layui.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/calendar.css">
</head>
<body>
<div class="header">
    <a href="index.html"><img class="home-icon" lay-title="回到首页 Ctrl+H" src="images/home.svg" alt=""></a>
    <button class="layui-btn layui-btn-xs logout-btn" type="button" id="logout">退出</button>
</div>
<div class="center" id="center">
    <div class="main" id="main">
        <div class="calendar-header">
            <span id="leftBtn" style="transform:rotate(180deg);" class="layui-icon layui-icon-triangle-r left"></span>
            <div class="layui-inline date-input">
                <input type="text" class="layui-input" id="calendarInput" readonly="readonly">
                <span class="layui-icon layui-icon-triangle-d"></span>
            </div>
            <span id="rightBtn" class="layui-icon layui-icon-triangle-r right"></span>
            <div class="clock layui-hide-xs">
                <span id="clockBtn"><img src="images/alarm.svg" alt="">添加闹钟</span>
                <div class="clock-view" id="clockView">
                    <div class="clock-header">
                        <span>闹钟列表</span>
                        <i class="layui-icon layui-icon-add-1" id="clockAddBtn" style="cursor: pointer;"></i>
                    </div>
                    <div class="layui-form clock-list" id="clockList" lay-filter="clockListForm"></div>
                </div>
            </div>
        </div>
        <div id="calendar"></div>
        <span id="todoBtn" class="layui-icon layui-icon-form"></span>
    </div>
</div>
<div class="footer">
    © 2020 网络收藏夹 || 网络收藏夹版权所有
</div>
<form class="layui-form" action="" id="taskForm" lay-filter="taskForm" style="display: none;">
    <input type="hidden" name="taskDate" id="taskDate">
    <div class="layui-form-item layui-form-text">
        <label class="layui-form-label">日程内容</label>
        <div class="layui-input-block">
            <textarea name="content" required lay-verify="required|length" placeholder="请输入日程内容..."
                      class="layui-textarea" wrap="hard"></textarea>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">类型<i class="layui-icon layui-icon-tips" id="levelTips"></i></label>
        <div class="layui-input-block">
            <input type="radio" name="level" value="0" title="紧急">
            <input type="radio" name="level" value="1" title="优先">
            <input type="radio" name="level" value="2" title="重要">
            <input type="radio" name="level" value="3" title="待办" checked>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">邮件提醒</label>
        <div class="layui-input-block">
            <input type="checkbox" id="isAlarm" name="isAlarm" lay-filter="isAlarm" lay-skin="switch" value="1">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">提醒时间</label>
        <div class="layui-input-block">
            <select name="alarmTime" id="alarmTime" lay-filter="alarmTime">
                <option value="">请选择时间</option>
                <option value="08:00:00">08:00</option>
                <option value="08:30:00">08:30</option>
                <option value="09:00:00">09:00</option>
                <option value="09:30:00">09:30</option>
                <option value="10:00:00">10:00</option>
                <option value="10:30:00">10:30</option>
                <option value="11:00:00">11:00</option>
                <option value="11:30:00">11:30</option>
                <option value="12:00:00">12:00</option>
                <option value="12:30:00">12:30</option>
                <option value="13:00:00">13:00</option>
                <option value="13:30:00">13:30</option>
                <option value="14:00:00">14:00</option>
                <option value="14:30:00">14:30</option>
                <option value="15:00:00">15:00</option>
                <option value="15:30:00">15:30</option>
                <option value="16:00:00">16:00</option>
                <option value="16:30:00">16:30</option>
                <option value="17:00:00">17:00</option>
                <option value="17:30:00">17:30</option>
                <option value="18:00:00">18:00</option>
                <option value="18:30:00">18:30</option>
                <option value="19:00:00">19:00</option>
                <option value="19:30:00">19:30</option>
                <option value="20:00:00">20:00</option>
                <option value="20:30:00">20:30</option>
            </select>
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-input-block">
            <button class="layui-btn" lay-submit lay-filter="saveTaskBtn">立即提交</button>
            <button type="button" class="layui-btn layui-btn-primary" id="cancelSaveTaskBtn">取消</button>
        </div>
    </div>
</form>
<form class="layui-form" action="" id="clockForm" lay-filter="clockForm" style="display: none;">
    <div class="layui-form-item layui-form-text">
        <label class="layui-form-label">提醒内容</label>
        <div class="layui-input-block">
            <textarea name="content" required lay-verify="required|length" placeholder="请输入提醒内容..."
                      class="layui-textarea" wrap="hard"></textarea>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">设置周期</label>
        <div class="layui-input-block">
            <input type="radio" name="type" value="0" title="每天" lay-filter="clockType" checked>
            <input type="radio" name="type" value="1" title="周一至周五" lay-filter="clockType">
            <input type="radio" name="type" value="2" title="自定义" lay-filter="clockType">
            <div style="display:none;" id="cycles">
                <input type="checkbox" name="cycle2" title="周一" lay-skin="primary" value="2">
                <input type="checkbox" name="cycle3" title="周二" lay-skin="primary" value="3">
                <input type="checkbox" name="cycle4" title="周三" lay-skin="primary" value="4">
                <input type="checkbox" name="cycle5" title="周四" lay-skin="primary" value="5">
                <input type="checkbox" name="cycle6" title="周五" lay-skin="primary" value="6">
                <input type="checkbox" name="cycle7" title="周六" lay-skin="primary" value="7">
                <input type="checkbox" name="cycle1" title="周日" lay-skin="primary" value="1">
            </div>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">设置时间</label>
        <div class="layui-input-block">
            <input type="text" required lay-verify="required" class="layui-input" id="time" name="time" placeholder="HH:mm">
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-input-block">
            <button class="layui-btn" lay-submit lay-filter="saveClockBtn">立即提交</button>
            <button type="button" class="layui-btn layui-btn-primary" id="cancelSaveClockBtn">取消</button>
        </div>
    </div>
</form>
<script src="js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/common.js"></script>
<script src="plugin/calendar.js"></script>
<script src="layui/layui.js"></script>
<script src="js/calendar.js"></script>
</body>
</html>
